<template>
  <div class="inConbox clearfix det_bg">
    <!-- 头部 -->
    <Nav :URL="urls.url" :text="urls.text"></Nav>
    <!-- 内容 -->
    <ul class="eavlate_box_ORderIFon">
      <li class="eavlate_child dip ju_al_bet">
        <span class="eavlate_child_title">订单号</span>
        <span class="eavlate_child_text">{{this.demandOrder.id}}</span>
      </li>
      <li class="eavlate_child dip ju_al_bet">
        <span class="eavlate_child_title">订单金额</span>
        <span class="eavalate_cor">{{this.demandOrder.univalent}}</span>
      </li>
      <li class="eavlate_child dip ju_al_bet">
        <span class="eavlate_child_title">订单状态</span>
        <span class="eavalate_cor">{{this.demandOrder.currentState}}</span>
      </li>
    </ul>
    <!-- 商家评价信息 -->
    <BUSI v-if="busievalate"></BUSI> 
    <!-- 创意师评价信息 -->
    <CRES v-if="ercaevalate"></CRES>
  </div>
</template>
<script>
import Nav from '../mallConent/mallTopNav'
import BUSI from '../Orderassis/BUSIeavlate'
import CRES from '../Orderassis/CRESeavlate'
// import Spe from '../../../src/assets/bus/js/Specific.js'
export default {
  data(){
    return{
      urls:{
        url:'',
        text:'评价',
      },
      demandOrder:'',//获取订单信息
      eavlateNUs:'',//获取路由信息
      busievalate:false, //显示商家
      ercaevalate:false,//显示创意师
    }
  }
  ,methods:{
    getDIon(){
      this.demandOrder = JSON.parse(sessionStorage.getItem('demandOrder')) 
      console.log(this.demandOrder)
      this.eavlateNUs = this.$route.params.evalate; 
      if(this.eavlateNUs == 'busievalate'){
        this.busievalate = true
        // this.ercaevalate = true
      }else if(this.eavlateNUs == 'Creaevalate'){
        this.ercaevalate = true
      }
    }
  }
  ,components:{Nav,BUSI,CRES} //引入组件
  ,created(){
    this.getDIon()
  }
}
</script>
<style lang="scss" scoped>
.det_bg{
  z-index: 51;
  background: #f2f2f2;
  // position: fixed;
}
.eavlate_box_ORderIFon{
  position: relative;
  left:0;
  top:0;
  padding:0rem .2rem ;
  width: 100%;
  background: #fff;
  margin-bottom:.1rem;
  .eavlate_child{
    border-bottom:.02rem solid #f2f2f2;
    width: 100%;
    height: 0.86rem;
    font-size: .24rem;
    padding:0rem .2rem;
    font-weight: 600;
    .eavlate_child_title{
      color:#333;
    }
    .eavlate_child_text{
      color:#999;
    }
    .eavalate_cor{
      color:#ff7200;
    }
  }
}

</style>
